<template>
	
	<footer>
		<div class="item">
			<router-link to="/index">
				<div class="pictrue"></div>
				<div class="itext">下厨房</div>
			</router-link>
		</div>
		<div class="item">
			<router-link to="/shop">
				<div class="pictrue"></div>
				<div class="itext">市集</div>
			</router-link>
		</div>
		<div class="item">
			<router-link to="/collection">
				<div class="pictrue"></div>
				<div class="itext">收藏</div>
			</router-link>
		</div>
		<div class="item">
			<router-link to="/email">
				<div class="pictrue"></div>
				<div class="itext">信箱</div>
			</router-link>
		</div>
		<div class="item">
			<router-link to="/personal">
				<div class="pictrue"></div>
				<div class="itext">我</div>
			</router-link>
		</div>
	</footer>
	
</template>

<script>
</script>

<style>
	footer{
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		height: 1.634615rem;
		display: flex;
		border-top:solid 0.01923rem #eaeae0;
		font-size: 0.230769rem;
		align-items: center;
		background: white;
	}
	.item {
		flex-grow: 1;
		text-align: center;
	}
	footer a{
		color:#626257;
	}
	footer .item .pictrue{
		width:0.78125rem;
		height:0.78125rem;
		background:url("../../assets/img/index.png") no-repeat center center;
		background-size: 80%;
		margin:auto;
		margin-bottom:0.180384rem;
	}
	footer .item:nth-child(2) .pictrue{
		background:url("../../assets/img/shop.png") no-repeat center center;
		background-size: 80%;
	}
	footer .item:nth-child(3) .pictrue{
		background:url("../../assets/img/shoucang1.png") no-repeat center center;
		background-size:80%;
	}
	footer .item:nth-child(4) .pictrue{
		background:url("../../assets/img/xinxiang.png") no-repeat center center;
		background-size:80%;
	}
	footer .item:nth-child(5) .pictrue{
		background:url("../../assets/img/me.png") no-repeat center center;
		background-size:80%;
	}
	/*footer .item*/
	
</style>